<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/init.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    
    <link rel="stylesheet" href="../lib/css/swiper-bundle.min.css">
 

</head>
<body>
    <div class="head_ad">
      <span class="eliminate">×</span>
    </div>
    <header>
       <div class="center">
        <ul>
            <li>首页</li>
            <li>华为官网</li>
            <li>华为俱乐部</li>
            <li>v码(优码购)</li>
            <li>企业购</li>
            <li>Select Region</li>
            <li>更多精彩</li>
        </ul>
  
        <ul class="headerTow">
            <li class="iflogin"><a href="./login.html">登录</a></li>
           
            <li><a href="./register.html">请注册</a></li>
            <li>华为俱乐部</li>
            <li>v码(优码购)</li>
            <li>企业购</li>
         
            <li style="color: white;" class="exit">退出登录</li>
        </ul>

        <div class="headerToCart">
            <a href="./cart.html"> <i class="iconfont icon-gouwuche2"></i>购物车(0)</a>
           
        </div>
       </div>
    </header>


    <nav>
      <div class="center">
        <img src="https://res.vmallres.com/portal/1.11.4.300/h5/images/logo_app.png" alt="">
        <p class="navP">
            <a href="javascript:;">华为专区</a>
            <a href="javascript:;">鸿蒙之恋</a>
            <a href="javascript:;">莫塞尔</a>
            <a href="javascript:;">华为优选</a>
            <a href="javascript:;">教育购</a>
            <a href="javascript:;">HarmonyOS</a>
            <a href="javascript:;">特惠企采</a>
        </p>
       
        <div class="sear">
            <input type="search" class="search">
            <div class="svg"><i class="iconfont icon-fangdajing"></i></div>
            
        </div>
       
    </nav>

    <div class="ban">
   
        <!-- <div class="siwper">
            <ul>
                <li><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/BC1BC406447375648AAE4BCB440BEE05.jpg" alt=""></li>
            </ul>
        </div> -->
        <div class="swiper mySwiper swiper-initialized swiper-horizontal swiper-pointer-events">
            <div class="swiper-wrapper" id="swiper-wrapper-af469211c199a17b">
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/C8902152690C16B8BCAA4E1B965874DA.png" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/D9939179EEBBC758CA6C14B2B10996B9.jpg" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/F93536BA74BE3D8D06428DE5A2E211E4.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
     </div>
     <div class="center">
        <div class="banList">
            <ul>
                <li>手机</li>
                <li>电脑</li>
                <li>平板</li>
                <li>智慧屏</li>
                <li>穿戴</li>
                <li>耳机音响</li>
                <li>门锁路由</li>
                <li>配件</li>
                <li>生态安全</li>
                <li>家用电器</li>
                <li>美食就因</li>
                <li>美食就因/企业商用</li>
            </ul>
        </div>
       </div>
    </div>

    <div class="oneRecom">
        <div class="oneRecomTop">
            <dl>
                <dd><img src="../img/图层 1.jpg" alt=""></dd>
                <dd>智能家居</dd>
            </dl>
            <dl>
                <dd><img src="../img/图层 2.jpg" alt=""></dd>
                <dd>智能家居</dd>
            </dl>  <dl>
                <dd><img src="../img/图层 1.jpg" alt=""></dd>
                <dd>智能家居</dd>
            </dl>  <dl>
                <dd><img src="../img/图层 2.jpg" alt=""></dd>
                <dd>智能家居</dd>
            </dl>  <dl>
                <dd><img src="../img/图层 1.jpg" alt=""></dd>
                <dd>智能家居</dd>
            </dl>  <dl>
                <dd><img src="../img/图层 2.jpg" alt=""></dd>
                <dd>智能家居</dd>
            </dl>
        </div>

       <ul class="oneRecomUl">
           <li><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/971C9F1A071EBFAABD781DCC62E517AA.png.webp" alt=""></li>
           <li><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/5B66DB967A26E7836558DE9BC45FBAF5.png.webp" alt=""></li>
           <li><img src="https://res.vmallres.com/uomcdn/CN/cms/202205/A683D888A8166164CE298ECB0BC88CB8.jpg.webp" alt=""></li>
           <li><img src="https://res.vmallres.com/uomcdn/CN/cms/202204/E5DAC361612D5EFD575099A42927EDC6.png.webp" alt=""></li>
       </ul>
    </div>

    <div class="Spike">
        <div class="Spiketop">
            <h4>秒杀</h4>
            <span>限时秒杀</span>
        </div>

        <div class="SpikeList">
            <div class="spikeitem countdown">
                <div class="count">
                    <img src="https://res.vmallres.com/portal/1.11.4.300/h5/images/timeCount.png" alt="">
                   
                </div>
                <span class="cspan1">00:00场</span><br>
                <span class="cspan2">距离结束还有</span>
                <p><a href="">00</a>
                <a href="">:</a>
                <a href="">00</a>
                <a href="">:</a>
                <a href="">00</a>
                </p>
            </div>
            <div class="spikeitem">
                <div class="spikeitemimg">
                    <img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202112/gbom/6971300260673//428_428_B6120A6C9FE69D0F2938CADD7F5FF661mp.png" alt="">
                </div>
                <div class="spikeitemText">
                    <b>超级秒杀</b>
                    <p class="spikeitemText_oneP">YESOUL野小兽筋膜枪</p>
                    <p style="font-size: 12px;">专业肌肉按摩，轻巧便携，30天超长续航，45dB静音</p>
                    <span class="nowprice">$229</span>
                    <span class="noprice">$495</span>
                </div>
            </div>
            <div class="spikeitem">
                <div class="spikeitemimg">
                    <img src="https://res.vmallres.com/pimages//product/6925662234010//428_428_61EA04A3BE69816F6FA41BA889D8C73682C3F70245AA7237mp.png" alt="">
                </div>
                <div class="spikeitemText">
                    <b>超级秒杀</b>
                    <p class="spikeitemText_oneP">精臣标签打印机家用小型便携式可连手机热敏智能打价机不干胶姓名贴纸标签机NIIMBOT D110</p>
                    <p style="font-size: 12px;">专业肌肉按摩，轻巧便携，30天超长续航，45dB静音</p>
                    <span class="nowprice">$229</span>
                    <span class="noprice">$495</span>
                </div>
            </div>
            
            <div class="spikeitem">
                <div class="spikeitemimg">
                    <img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202112/gbom/6971300260673//428_428_B6120A6C9FE69D0F2938CADD7F5FF661mp.png" alt="">
                </div>
                <div class="spikeitemText">
                    <b>超级秒杀</b>
                    <p class="spikeitemText_oneP">YESOUL野小兽筋膜枪</p>
                    <p style="font-size: 12px;">专业肌肉按摩，轻巧便携，30天超长续航，45dB静音</p>
                    <span class="nowprice">$229</span>
                    <span class="noprice">$495</span>
                </div>
            </div>
             <div class="spikeitem">
                <div class="spikeitemimg">
                    <img src="https://res.vmallres.com/pimages//product/6925662234010//428_428_61EA04A3BE69816F6FA41BA889D8C73682C3F70245AA7237mp.png" alt="">
                </div>
                <div class="spikeitemText">
                    <b>超级秒杀</b>
                    <p class="spikeitemText_oneP">精臣标签打印机家用小型便携式可连手机热敏智能打价机不干胶姓名贴纸标签机NIIMBOT D110</p>
                    <p style="font-size: 12px;">专业肌肉按摩，轻巧便携，30天超长续航，45dB静音</p>
                    <span class="nowprice">$229</span>
                    <span class="noprice">$495</span>
                </div>
            </div>
        </div>
    </div>

<div class="recommend">
    <div class="Spiketop">
        <h4>爆款推荐</h4>
        <span><a href="./detail.html">限时秒杀</a></span>
    </div>

    <div class="remodlist">
        <ul>
            <li>
                <div class="remodlist_img">
                    <img src="https://res6.vmallres.com/pimages/product/6941487236916/428_428_91912968C8D4646CC08A14346A175E3CBF1844EB9FE11118mp.png" alt="">
                </div>
                <div class="recomlist_text">
                  <div class="oneline">  
                      <span>价保618</span>
                    <span class="spanp">MateBook D 14 12代酷睿版</span></div>
                
                    <span class="recomprice">$4955.00</span>
                </div>
             
            </li>
           
        </ul>
        <div class="more">
            查看更多
        </div>
    </div>
</div>

<div class="backTop">回到顶部</div>

<script src="../lib/js/axios.min.js"></script>
<script src="../js/index.js"></script>
<script src="../lib/js/swiper-bundle.min.js"></script>
<script>
   var mySwiper = new Swiper ('.swiper', {
   autoplay:true,
    loop: true, // 循环模式选项
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    
    // 如果需要滚动条
  
  })        
    </script>
</body>
</html>